﻿@page "/cargoinquiry"
@using Compass.Wasm.Shared.Wms

<PageTitle>物料库存</PageTitle>

<div style="position: sticky; top: 3.5rem; background-color: White; height: 135px">

    <p class="d-inline-flex gap-1">
        <a class="btn btn-primary" data-bs-toggle="collapse" href="#byLocation" role="button" aria-expanded="false" aria-controls="byLocation">按照库位查询</a>
        <button class="btn btn-primary" type="button" data-bs-toggle="collapse" data-bs-target="#byDate" aria-expanded="false" aria-controls="byDate">按照日期查询</button>
    </p>
    <div class="collapse" id="byLocation">
        <div class="card card-body">
            <div class="row position-relative">
                <div class="col input-group" style="max-width:180px">
                    <span class="input-group-text">仓库</span>
                    <select class="form-select">
                        <CompEnumList Type="typeof(Warehouse_e)" />
                    </select>
                </div>
                <div class="col input-group" style="max-width:180px">
                    <span class="input-group-text">分区</span>
                    <select class="form-select">
                        <CompEnumList Type="typeof(Area_e)" />
                    </select>
                </div>
                <div class="col input-group" style="max-width:300px">
                    <span class="input-group-text">搜索</span>
                    <input class="form-control" placeholder="Search" />
                </div>
                <div class="col form-check ms-3 mt-2" style="max-width: 100px">
                    <input class="form-check-input"
                           type="checkbox">
                    <label class="form-check-label">
                        全局查找
                    </label>
                </div>
                <div class="col">
                    <button class="btn btn-success">查找</button>
                </div>
            </div>
        </div>
    </div>

    <div class="collapse" id="byDate" >
        <div class="card card-body">
            <div class="row position-relative">
                <div class="col input-group" style="max-width: 230px">
                    <span class="input-group-text">开始日期</span>
                    <input type="date" class="form-control"  />
                </div>
                <div class="col input-group" style="max-width: 230px">
                    <span class="input-group-text">结束日期</span>
                    <input type="date" class="form-control" />
                </div>
                <div class="col">
                    <button class="btn btn-success">查找</button>
                </div>
            </div>
        </div>
    </div>


</div>
<table class="table table-hover table-striped" style="table-layout: fixed; word-break: break-all;">
    <thead style="position: sticky; top: 11.5rem; z-index: 1; background-color: White">
        <tr>
            <th>料号</th>
        </tr>
    </thead>
    <tbody >

        @for (int i = 0; i < 20; i++)
        {
            <tr>
                <td>2200200002</td>
            </tr>
        }


    </tbody>


</table>

@code {

}
